.products-box{
  background: #FFFFFF;
  padding: 20rpx;
  margin-top: 10rpx;
  .has-txt{
      padding: 0rpx 0rpx 20rpx;
      text-align: center;
  }
  .products-images{
    height: 375rpx;
    width: 710rpx;
    position: relative;
    z-index: 10;
    .share{
      z-index: 30;
      position: absolute;
      bottom: 40rpx;
      right: 70rpx;
    }
    .goodsimages{
      width: 100%;
      height: 100%;
      border-radius: 16rpx;
      z-index: 15;
    }
    .follow{
      border-top-left-radius: 16rpx;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 15;
    }
    .tag{
      position: absolute;
      right: 20rpx;
      top: 20rpx;
      display: inline-block;
      width: 120rpx;
      height: 120rpx;
      z-index: 15;
    }
    .tag_text{
      position: absolute;
      bottom: 0;
      left: 185rpx;
      height:52rpx;
      width:320rpx;
      z-index: 20;
    }
    .theme{
      position: absolute;
      top: 0rpx;
      right: 0rpx;
      height: 375rpx;
      width: 240rpx;
      z-index: 11;
      border-top-right-radius: 16rpx;
      border-bottom-right-radius: 16rpx;
    }
    .play_btn{
      position: absolute;
      text-align: center;
      left: 300rpx;
      top: 140rpx;     
      z-index: 20; 
    }
    .cenImg{
      position: absolute;
      left: 0;
      bottom: 0rpx;
      width: 100%;
      height: 100%;
      text-align: center;
      border-radius: 16rpx;
      z-index: 15;
    }
    .shouqing{
      z-index: 20;
      .shouqing_mask {
        width: 100%;
        height: 100%;
        position: absolute;
        bottom: 0rpx;
        left: 0;
        background-color: gray;
        opacity: 0.5;
        border-radius: 16rpx;
      }
      .shouqing_image {
        background: url(http://pic.jinzhishenghuo.com/data/upload/images/2019-12-13/7ef18053dfe60388daba871925b98cd5.png) no-repeat 50%;
        width: 100%;
        height:100%;
        position: absolute;
        bottom: 0rpx;
        left: 0;
        background-size: 360rpx;
      }
      .timeover_image {
        background: url(http://pic.jinzhishenghuo.com/data/upload/images/2019-12-13/e6db740127a1da4f1fc2bfc9f5d5d428.png) no-repeat 50%;
        width: 100%;
        height:100%;
        position: absolute;
        bottom: 0rpx;
        left: 0;
        background-size: 360rpx;
      }
    }

  }
  .products-content-box{
    .tagline-box{
      padding-top: 14rpx;
      .tagline{
        background-color: #999;
        border-radius: 10rpx;
        color: white;
        font-size: 24rpx;
        padding: 4rpx;
      }
    }
    
    .title{
      color: #323233;
      text-align: left;
      margin: 10rpx 0;
      font-weight: bold;
      font-size: 32rpx;
      word-break:break-all;
      .points{
        bottom: 20rpx;
        padding-left: 10rpx;
        width: 24rpx;
        height: 24rpx;
        vertical-align:text-top;
      }
    }
    .cell{
      display: flex;
      justify-content: space-between;
      .cell-left{
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        flex-direction: column;
        width: 360rpx;
        font-size: 26rpx;
        color: #323233;
        .price{
          .marketprice{
            color: #df0f18;
            font-size: 36rpx;
            font-weight: bold;
            .price-symbol{
              color: #df0f18;
            }
            
          } 
          .productprice{
              margin-left: 20rpx;
              text-decoration: line-through;
              vertical-align:text-bottom;
              text-decoration:line-through;
            }
          
        }
        .uncancelable{
            color: gray; 
            font-size: 24rpx;
        }
        
      }
      .cell-right{
        display: flex;
        justify-content: flex-end;
        flex-direction: column;
        align-items: flex-end;
        .cartBtn{
          margin-bottom: 10rpx;
          border-radius: 30rpx;
          padding:0 20rpx;
          margin-right: 20rpx;
        }
        .saledBtn{
          margin-right: 20rpx;
          background-color: darkgray;
          border: darkgray;
          margin-bottom: 10rpx;
          border-radius: 30rpx;
          padding:0 20rpx;
        }
        .stepperBtn{
          margin-right:10rpx;
        }
        
      }
    }
  }
  .dotted-line{
    border: 2rpx dashed #f0f0f0;
    width: 100%;
    margin: 14rpx 0;
  }
  .sales-time{
    font-size: 24rpx;
    color: #323233;
    display: flex;
    justify-content: space-between;
    padding: 10rpx 0rpx;
    align-items: center;

    .stock{
        color: #323233;
        font-size: 26rpx;
        padding: 10rpx 0rpx;
        .sold{
        padding: 0 4rpx;
        font-weight: bold;
        color: #df0f18;
        }
    }
    .limitBuy{
        .limitNum{
        font-weight: bold;
        color: #df0f18;
        padding: 0 8rpx;
        }

    }
  }
  .reserve{
    color: #FF0066 !important;
  }
  .plus{
    background-color: #00CC66 !important;
    color: #FFFFFF !important;
  }
  .minus{
    background-color: #00CC66 !important;
    color: #FFFFFF !important;
  }
  .minus::after{
    color: #FFFFFF;
  }
}